<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>电子病历示例 - 患者诊疗记录</title>
    <style>
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            margin: 40px;
            background-color: #f5f5f5;
        }
        .medical-record {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 10px rgba(0,0,0,0.1);
        }
        .section-title {
            color: #2c3e50;
            border-bottom: 2px solid #3498db;
            padding-bottom: 8px;
            margin-top: 25px;
        }
        .medical-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
        }
        .medical-table th {
            background-color: #3498db;
            color: white;
            padding: 12px;
            text-align: left;
        }
        .medical-table td {
            padding: 12px;
            border: 1px solid #ddd;
        }
        .warning {
            color: #e74c3c;
            font-weight: bold;
        }
    </style>
</head>
<body>
<div class="medical-record">
    <h1>🏥 阳光综合医院电子病历</h1>

    <!-- 患者基本信息 -->
    <h2 class="section-title">患者信息</h2>
    <ul>
        <li>姓名：张伟</li>
        <li>性别：男</li>
        <li>年龄：42岁</li>
        <li>病历号：HN20230728-0456</li>
        <li>就诊时间：2023-07-28 14:30</li>
    </ul>

    <!-- 主诉与病史 -->
    <h2 class="section-title">主诉与病史</h2>
    <p>患者主诉持续<span class="warning">头痛</span>伴<span class="warning">头晕</span>3天，无恶心呕吐。既往有高血压病史5年，规律服用缬沙坦80mg qd。</p>

    <!-- 检查报告表格 -->
    <h2 class="section-title">实验室检查</h2>
    <table class="medical-table">
        <thead>
        <tr>
            <th>检查项目</th>
            <th>结果</th>
            <th>参考范围</th>
            <th>状态</th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>血压</td>
            <td>158/96 mmHg</td>
            <td>90-120/60-80 mmHg</td>
            <td class="warning">↑ 偏高</td>
        </tr>
        <tr>
            <td>空腹血糖</td>
            <td>6.2 mmol/L</td>
            <td>3.9-6.1 mmol/L</td>
            <td class="warning">↑ 偏高</td>
        </tr>
        <tr>
            <td>血常规-WBC</td>
            <td>7.8×10⁹/L</td>
            <td>3.5-9.5×10⁹/L</td>
            <td>正常</td>
        </tr>
        </tbody>
    </table>

    <!-- 影像学报告 -->
    <h2 class="section-title">CT检查结果</h2>
    <table class="medical-table">
        <tr>
            <th colspan="2">头部CT平扫</th>
        </tr>
        <tr>
            <td width="30%">检查时间</td>
            <td>2023-07-28 15:20</td>
        </tr>
        <tr>
            <td>影像表现</td>
            <td>双侧基底节区可见多发小缺血灶，余脑实质未见明显异常密度影</td>
        </tr>
        <tr>
            <td>诊断意见</td>
            <td>腔隙性脑梗死可能，建议MRI进一步检查</td>
        </tr>
    </table>

    <!-- 处方信息 -->
    <h2 class="section-title">治疗方案</h2>
    <ol>
        <li>苯磺酸氨氯地平片 5mg qd po</li>
        <li>阿司匹林肠溶片 100mg qd po</li>
        <li>建议低盐低脂饮食</li>
        <li>3天后复测血压</li>
    </ol>
</div>
</body>
</html>